import { messages } from "share/common";
import React from "react";
import { connect } from "react-redux";
import { Tabs } from "antd";
import PersonInfoDisplay from "containers/enterprise-manage/person-manage/person-info-display/person-info-display";
import DocumentPersonDetail from "containers/enterprise-manage/person-manage/person-info-display/document-person-detail";
const TabPane = Tabs.TabPane;

class DevelopmentPlatformIndex extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activeKey: "app",
    };
  }

  TabChange = (activeKey) => {
    this.setState({ activeKey });
  };

  render() {
    const { activeKey } = this.state;
    return (
      <div className="full-height-page-88 full-page-margin">
        <Tabs onChange={this.TabChange} activeKey={activeKey}>
          <TabPane tab={messages("basic-5.key924") /*APP-个人信息*/} key="app">
            <PersonInfoDisplay />
          </TabPane>
          {/*下个迭代上*/}
          <TabPane tab={messages("basic-5.key925") /*单据人员详情*/} key="document">
            <DocumentPersonDetail />
          </TabPane>
        </Tabs>
      </div>
    );
  }
}
DevelopmentPlatformIndex.contextTypes = {
  router: React.PropTypes.object,
};
function mapStateToProps(state) {
  return {};
}

export default connect(mapStateToProps)(DevelopmentPlatformIndex);
